<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=0.3,minimum-scale=0.4,maximum-scale=0.3,user-scalable=no" />
    <link rel="shortcut icon" href="./images/logo.ico">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="bootstrap/css/base.css">
    <script src="bootstrap/js/jquery-3.5.1.slim.min.js"></script>
    <script src="bootstrap/js/popper.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <title>中国非物质文化遗产网</title>
</head>

<body>
    <header>
        <div class="nav">
            <a class="ml-4 logo" href="#"><img src="./images/logo.png" alt=""></a>
            <form class="ml-auto mt-3">
                <img src="./images/weibo.png" alt="" height="30px">
                <img src="./images/weixin-5.png" alt="" height="30px" class="ml-2">
                <span class="icon_search"></span>
                <input type="search" placeholder="搜索关键词" class="ml-3 con">
                <button class="btn-success mr-3 btn_nav" type="submit">搜索</button>
                <span id="time" class="mr-5"></span>
                <a href="./login.html">登录</a><span class="ml-2 mr-2">|</span><a href="./register.html"
                    class="mr-3">注册</a>
            </form>
        </div>
        <div class="bg_nav"></div>
        <div class="nav_s clearfix mr-auto">
            <ul>
                <li>
                    <a class="nav-link mr-5 active_1" href="index.html">首页</a>
                </li>
                <li>
                    <a class="nav-link mr-5" href="role.html">人物介绍</a>
                </li>
                <li>
                    <a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown"
                        aria-expanded="false">
                        展示
                    </a>
                    <div class="dropdown-menu">
                        <a class="dropdown-item jia" href="#">茶艺</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item jia" href="#">刺绣</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item jia" href="#">二十四节气</a>
                    </div>
                </li>
                <li>
                    <a class="nav-link mr-5 ml-5" href="liuyan.html">留言交流</a>
                </li>
                <li>
                    <a class="nav-link mr-5" href="shopcar.html">购物吧</a>
                </li>
            </ul>
        </div>
    </header>
    <!-- 轮播图 -->
    <div id="box" class="clearfix">
        <img src="./images/lb9.png" alt="" id="pic" class="w-100 d-block" height="1000px">
    </div>
    <!-- 新闻资讯 -->
    <div class="w">
        <hr class="bg-danger text-danger mt-5">
        <div class="father mt-2">
            <h2>新闻动态</h2>
        </div>
        <hr class="bg-danger text-danger">
        <div class="new_big clearfix">
            <div class="new_box mt-5 mr-5 ml-5 f-l">
                <img src="./images/lb2.png" alt="" class="f" height="180px">
                <a title="气象万千——中国非遗保护实践主题展：呈现非遗融入现代生活的'进行时态'" class="txt">气象万千——中国非遗保护实践主题展：呈现非遗融入现代生活的"进行时态"</a>
                <ul class="ly_list clearfix">
                    <li>《中华人民共和国非物质文化遗产法》执法检查调查问卷<span>2024-06-21</span></li>
                    <li>打造北疆文化品牌 加强非物质文化遗产系统性保护<span>2024-06-19</span></li>
                    <li>“茶和天下·雅集”走进白俄罗斯<span>2024-06-17</span></li>
                    <li>我国成功当选保护非物质文化遗产政府间委员会委员国<span>2024-06-13</span></li>
                    <li>汨罗江上桨声不断 端午民俗历久弥新<span>2024-06-13</span></li>
                </ul>
            </div>
            <div class="mt-5 ml-5 right">
                <div class="div hb">
                    <h3 class="fy mr-5">国家级非物质文化遗产代表性项目名录</h3>
                </div>
                <ul>
                    <li class="mjwx">
                        <img src="./images/mjwx_bj.png" alt="" class="big">
                        <img src="./images/mjwx.png" alt="" class="small">
                        <p class="text">[民间文学]</p>
                    </li>
                    <li class="mjwx">
                        <img src="./images/ctyy_bj.png" alt="" class="big_1">
                        <img src="./images/ctyy.png" alt="" class="small_1">
                        <p class="text">[传统音乐]</p>
                    </li>
                    <li class="mjwx">
                        <img src="./images/ctwd_bg.png" alt="" class="big_2">
                        <img src="./images/ctwd.png" alt="" class="small_2">
                        <p class="text">[传统舞蹈]</p>
                    </li>
                    <li class="mjwx">
                        <img src="./images/ctxj_bg.png" alt="" class="big_3">
                        <img src="./images/ctxj.png" alt="" class="small_3">
                        <p class="text">[传统戏剧]</p>
                    </li>
                    <li class="mjwx">
                        <img src="./images/qy_bg.png" alt="" class="big_4">
                        <img src="./images/qy.png" alt="" class="small_4">
                        <p class="text">[传统曲艺]</p>
                    </li>
                    <li class="mjwx">
                        <img src="./images/ct_bg.png" alt="" class="big_5">
                        <img src="./images/ct.png" alt="" class="small_5">
                        <p class="text">[传统体育、<br>游艺与杂技]</p>
                    </li>
                    <li class="mjwx">
                        <img src="./images/ctms_bg.png" alt="" class="big_6">
                        <img src="./images/ctms.png" alt="" class="small_6">
                        <p class="text">[传统美术]</p>
                    </li>
                    <li class="mjwx">
                        <img src="./images/ctjy_bg.png" alt="" class="big_6">
                        <img src="./images/ctjy.png" alt="" class="small_6">
                        <p class="text">[传统技艺]</p>
                    </li>
            </div>
        </div>
    </div>
    <!-- 脚部 -->
    <footer class="mt-4">
        <br>
        <br>
        <br>
        <p class="mb-4">网站地图<span class="ml-4 mr-4">|</span>关于我们<span class="ml-4 mr-4">|</span>联系我们<span
                class="ml-4 mr-4">|</span>版权与免责声明</p>
        <p class="sm">Copyright©2018 中国非物质文化遗产网·中国非物质文化遗产数字博物馆 All Rights Reserved 京ICP备07504941号-3 </p>
        <span class="sm ml-5">主管:人民共和国文化和旅游部</span>
        <span class="ml-3 sm">主办:中国艺术研究院·中国非物质文化遗产保护中心</span><br>
        <span class="sm"><img src="./images/gan.png" class="mr-2">京公安网备:11010502042400</span>
    </footer>
    <script src="./bootstrap/js/base.js"></script>
</body>

</html>